<template>
  <div>
    <!-- 全屏插件使用
       screenfull
         使用：
         1：安装  yarn add screenfull
            版本问题：降版本
         2:导入  import screenfull from 'screenfull'
         3:使用
            screenfull.isEnabled:判断该浏览器是否支持全屏
            screenfull.toggle()  全屏与非全屏切换
     -->

    <el-button @click="btnClick">全屏点击事件</el-button>
  </div>
</template>
<script>
import screenfull from 'screenfull'
export default {
  methods: {
    btnClick() {
      if (screenfull.isEnabled) {
        console.log(screenfull)
        screenfull.toggle()
      } else {
        this.$message.error('该浏览器暂不支持全屏')
      }
    }
  }
}
</script>
<style></style>
